
import React, { Component } from 'react';
import { StyleSheet, NavigatorIOS, TabBarIOS } from 'react-native';

import ThirdHomePageView from '../thirdComponent/thirdHomePageView';

class ThirdTabBarItem extends Component {
    _onRightButtonPress(){
        //this.refs.nav.push({
        //    title: '九宫格布局',
        //    component: SecondPageView
        //});
    };

    render() {
        return (
            <NavigatorIOS
                ref='nav'
                style={styles.container}
                initialRoute={{
                     component: ThirdHomePageView,
                     title: 'React-Native 布局',
                     passProps: { myProp: '传值用' },
                     rightButtonTitle:'九宫格',
                     backButtonTitle:'返回',
                     onRightButtonPress:this._onRightButtonPress.bind(this)
                }}
            />
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1
    }
});

export default ThirdTabBarItem;